import Taro, { Component } from '@tarojs/taro'
import { View, Text, Image, Picker, Swiper, SwiperItem } from '@tarojs/components'
import {AtCalendar,AtList,AtListItem,AtTag,AtButton,AtIcon} from 'taro-ui'
import './suifanrili.scss'
import reactMixin from 'react-mixin';
import myJs from './suifanriliJs.js'
import app from '../../../../main.js'

export default class Suifanrili extends Component {
    config = {
        navigationBarTitleText: '随访日历'
    }
    constructor () { 
        super(...arguments); 
        this.state = this.getData(); 
    }
    init(){}
    render () {
        return (
            <View className='suifanrili'>
                <View className=' class_0'>
                    <AtCalendar></AtCalendar>
                </View>
                <AtList className=' class_1'>
                    <AtListItem title='本月需随访患者数' extraText='12人'></AtListItem>
                    <AtListItem title='已完成随访患者数' extraText='2人'></AtListItem>
                </AtList>
                <AtList className=' class_2'>
                    {/* {
                        this.state.patientss.items.map((item,index)=>{
                            return (
                                <AtListItem key={index} title={item.name+' 男 24岁'} note='青光眼，近视眼' extraText='待随访' arrow='right' thumb={item.head_image}></AtListItem>
                            )
                        })
                    }
                     */}
                    {/* <AtListItem title='小明 男 24岁' note='青光眼，近视眼' extraText='已随访' arrow='right' thumb={getGlobalData('baseurl')+'img/head_img.png'}></AtListItem> */}
                    <View className='patient-list'>
                        <View className='patient'>
                            <Image 
                                className='head' 
                                src={app.imageUri+'img/head_img.png'}
                            >
                            </Image>
                            <View className='info'>
                                <View className='top'>
                                    张黎
                                    <Text className='more-info'>女 45岁</Text>
                                </View>
                                <View className='bottom'>
                                    <AtTag className='tag left'>门诊</AtTag>
                                    <AtTag className='tag'>白内障呀</AtTag>
                                </View>
                            </View>
                            {/* <AtButton className='btn' type='primary'>制定随访计划</AtButton> */}
                            <View className='status'>
                                <Text className='status-text'>待随访</Text>
                                <AtIcon value='chevron-right' size='24' color='#cccccc'></AtIcon>
                            </View>
                        </View>
                        <View className='patient'>
                            <Image 
                                className='head' 
                                src={app.imageUri+'img/head_img.png'}
                            >
                            </Image>
                            <View className='info'>
                                <View className='top'>
                                    张黎
                                    <Text className='more-info'>女 45岁</Text>
                                </View>
                                <View className='bottom'>
                                    <AtTag className='tag left'>门诊</AtTag>
                                    <AtTag className='tag'>白内障呀</AtTag>
                                </View>
                            </View>
                            {/* <AtButton className='btn' type='primary'>制定随访计划</AtButton> */}
                            <View className='status'>
                                <Text className='status-text'>待随访</Text>
                                <AtIcon value='chevron-right' size='24' color='#cccccc'></AtIcon>
                            </View>
                        </View>
                        <View className='patient'>
                            <Image 
                                className='head' 
                                src={app.imageUri+'img/head_img.png'}
                            >
                            </Image>
                            <View className='info'>
                                <View className='top'>
                                    张黎
                                    <Text className='more-info'>女 45岁</Text>
                                </View>
                                <View className='bottom'>
                                    <AtTag className='tag left'>门诊</AtTag>
                                    <AtTag className='tag'>白内障呀</AtTag>
                                </View>
                            </View>
                            {/* <AtButton className='btn' type='primary'>制定随访计划</AtButton> */}
                            <View className='status'>
                                <Text className='status-text'>待随访</Text>
                                <AtIcon value='chevron-right' size='24' color='#cccccc'></AtIcon>
                            </View>
                        </View>
                    </View>
                </AtList>
            </View>
        );
    }
}
reactMixin.onClass(Suifanrili,myJs);